<template>
  <el-input type="textarea" v-model="localVlaue" :rows="1" :autosize="true" v-bind="$attrs"
            class="input" placeholder="任务标题" ref="nameTextarea"></el-input>
</template>

<script>
export default {
  name: "customInput",
  props: {
    value: {
      type: String,
      default: () => {
        return ''
      }
    }
  },
  computed: {
    localVlaue: {
      get () {
        return this.value
      },
      set (val) {
        this.$emit('input', val)
      }
    }
  }
}
</script>


<style scoped>
.input {
  font-size: 20px;
}
.input >>> .el-textarea__inner {
  padding: -1px;
  border: 0 solid #eef1f6;
  font-size: 20px;
  resize: none;
}
.input >>> .el-textarea__inner:hover {
  border: 1px solid #eef1f6;
  overflow: hidden;
}
.input >>> .el-textarea__inner:focus {
  border: 1px solid #eef1f6;
  overflow: hidden;
}
</style>